﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0"/>
<title>Rain CSS > Form</title>
<!-- Framework CSS -->
<link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="all"/>
<link rel="stylesheet" href="css/rain.css" type="text/css" media="all"/>
  <link rel="stylesheet" href="icomoon/style.css"> 
<style> 
</style>
</head>

<body class="body">
	<div class="header headerBlue">
  	<nav class="lsn posr clearfix">
    	<a href="http://www.webdevelopmentmachine.com" class="headerLink headerLinkBlue l pr pl ib tdn">首页home</a>
    	<a href="http://www.webdevelopmentmachine.com/blog" class="headerLink headerLinkBlue l pr pl ib tdn">博客blog</a>
    	<a href="http://www.webdevelopmentmachine.com/demo/game.html" class="headerLink headerLinkBlue l pr pl ib tdn">游戏game</a>
    </nav>
  </div>
	<div class="headerM headerGrey">
  	<div class="container posr">
    	<div class="l"><a class="block tdn ptll fsxxl" href="index.html">Rain CSS</a></div>
    </div>
  </div>
  
	<div class="container marginTop"> 
    <div class="content">
    	<div class="sidebar l posr">
      	<h2 class="category">设置css2样式的表单</h2>
      	<p>该部分样例来自blueprint框架,并且扩展了其他的常用css对象.input元素的width可以使用class w-数值.</p>
      	<h2 class="category">Web Form with CSS2</h2>
      	<p>This part forms example from blueprint framwork,and extend it with other useful css objects.The input width can 
      	use class w-nember.</p>
      </div>
      <div class="main mainRight posr">
    	<h1>表单 Forms</h1>
        <form id="dummy" action="" method="post">
          <fieldset>
            <legend>表单示例 Sample Form</legend>
            <p>
              <label for="dummy0">Text input (title)</label><br>
              <input type="text" class="title" name="dummy0" id="dummy0" value="Field with class .title" />
            </p>

            <p>
              <label for="dummy1">Another field</label><br>
              <input type="text" class="text" id="dummy1" name="dummy1" value="Field with class .text"/>
            </p>

            <p>
              <label for="dummy2">Textarea</label><br>
              <textarea name="dummy2" id="dummy2" rows="5" cols="20"></textarea>
            </p>

            <p>
              <label for="dummy3">A password field</label><br>
              <input type="password" class="text" id="dummy3" name="dummy3" value="Password"/>
            </p>

            <p>
              <input type="submit" value="Submit">
              <input type="reset" value="Reset">
            </p>

          </fieldset>
        </form>  
   
      </div> 
    </div> 
    <footer class="footer socialFooter c borderTop">
      <p class="ps">Maintained by the <a href="https://github.com/rainzhai" class="blue">RainZhai</a>.</p>
      <p class="ps">Code licensed under <a rel="license" class="blue" href="https://github.com/twbs/bootstrap/blob/master/LICENSE" target="_blank">MIT</a>, documentation under <a rel="license"  class="blue" href="https://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a>.</p> 
    </footer>  
    </div>
  </div>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
</body>
</html>
